<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>换一换</title>
    <!-- <link rel="stylesheet" href="css/reset.css"> -->
    <style>
        .box a{
            text-decoration: none;
        }
        .box ol li{
            color: red;
        }
    </style>
</head>
<body>
    <div class="box">
        <ol>
            
        </ol>
    </div>
</body>
</html>
<script>
    let list=['继续为各国来华投资提供便利',['乌市一方舱有卖淫嫖娼？警方回应','“红月亮”遇上月掩天王星','前十个月进出口同比增长9.5%','湖南一中学多名学生感染  校长被免职','俄罗斯制裁74家外国公司','深圳楼市双11也打折','钟睒睒再度成为中国首富','两名15岁学生被清华录取本硕博连读','首尔地铁人群混乱 有人喊喘不过气了','男子月薪5万试用3天被解雇']]

    function render() {
        document.querySelector('.box ol').innerHTML=list.map((item,index)=>{
            
            return index==0?`<li><a href="#">${item}</a></li>`:item.map((item)=>{
                return `<li><a href="#">${item}</a></li>`
            }).join('')
            
        }).join(' ')
    }

    render()
</script>